<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/saerch_header.css"/>
</head>
<body>
<!-- header start-->
<div id="header" class=" header-order-app" data-spm="a2226n0">
    <div class="headerLayout">
        <div class="headerCon ">
            <h1 id="mallLogo">
                            <span class="mlogo">
                                <a href="//www.tmall.com/" title="天猫Tmall.com"><s></s>天猫Tmall.com</a>
                            </span>
                <span class="slogo">
                                <a href=""></a>
                            </span>
            </h1>
            <div class="header-extra">
                <div id="mallSearch" class="mall-search">
                    <form name="searchTop" action="//list.tmall.com/search_product.htm" class="mallSearch-form clearfix" target="_top" accept-charset="gbk">
                        <fieldset>
                            <legend>天猫搜索</legend>
                            <div class="mallSearch-input clearfix">
                                <label for="mq" style="visibility: visible; display: none;">搜索 天猫 商品/品牌/店铺</label>

                                <div class="s-combobox" id="s-combobox-137" aria-pressed="false">
                                    <div class="s-combobox-input-wrap">
                                        <input type="text" name="q" accesskey="s" autocomplete="off" x-webkit-speech="" x-webkit-grammar="builtin:translate" value="" id="mq" class="s-combobox-input" role="combobox" aria-haspopup="true" title="请输入搜索文字" aria-label="请输入搜索文字" data-spm-anchor-id="a220l.17.a2226n0.i0.24b17fffXVxTar">
                                    </div>
                                    <label for="mq" class="s-combobox-placeholder" style="color: rgb(102, 102, 102); visibility: visible;">搜索 天猫 商品/品牌/店铺</label></div>
                                <button type="submit">搜索<s></s>
                                </button>
                                <input id="J_Type" type="hidden" name="type" value="p">
                                <input id="J_MallSearchStyle" type="hidden" name="style" value="">
                                <input id="J_Cat" type="hidden" name="cat" value="all">
                                <input type="hidden" name="vmarket" value="">
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $(".s-combobox-input").focus(function () {
            if($(this).val().length<1){
                $(".s-combobox-placeholder").css("color","rgb(204,204,204)");
            }
        }).blur(function () {
            if($(this).val().length<1){
                $(".s-combobox-placeholder").show();
                $(".s-combobox-placeholder").css("color","rgb(102,102,102)");
            }
        }).keyup(function () {
            if($(this).val().length>=1){
                $(".s-combobox-placeholder").hide();
            }
        });
    })
</script>
<!-- header end-->
</body>
</html>
